<template>
  <div class="flooter">
    <div class="cont">
      <div class="icon">
        <img src="/img/index/icon1.webp" alt="" />
      </div>
      <div class="zhong">
        <ul>
          <li>首页 &nbsp;&nbsp;/&nbsp;&nbsp;</li>

          <li>商场 &nbsp;&nbsp;/&nbsp;&nbsp;</li>

          <li>博客 &nbsp;&nbsp;/&nbsp;&nbsp;</li>

          <li>关于 &nbsp;&nbsp;/&nbsp;&nbsp;</li>

          <li>联系</li>
        </ul>
        <p>
          这个世界并不是掌握在那些嘲笑者的手中，而恰恰掌握在能够经受得住嘲笑与批评忍不断往前走的人手中。
        </p>
      </div>
      <img src="/img/index/icon2.png" alt="" style="margin-left: 50px" />
    </div>
  </div>
</template>


<style scoped>
.flooter {
  height: 197px;
  color: #8d9095;
  background-color: #1f1f1f;
  overflow: hidden;
}
.flooter .cont {
  width: 1200px;
  height: 96px;
  margin: 50px auto;
  /* background-color: #eee; */
  overflow: hidden;
}
.flooter .cont .icon {
  float: left;
  width: 293px;
  height: 21px;
  margin-top: 36px;
}
.flooter .cont .zhong {
  float: left;
  width: 563px;
  height: 96px;
}
.flooter .cont .zhong ul {
  height: 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.flooter .cont .zhong ul li {
  width: 80px;
  font-size: 14px;
  float: left;
  line-height: 36px;
}
.flooter .cont .zhong p {
  font-size: 12px;
  color: #666;
  line-height: 20px;
  margin-top: 10px;
}
</style>